// import React, { Component } from 'react'

// export default class List extends Component {
//   render() {
//     // 获取props传递的数据:
//     // 类组件就通过this.props获取
//     console.log(this.props)
//     return (
//       <ul>
//         {this.props.xxx.map((item, index) => {
//           return <li key={index}>{item}</li>
//         })}
//       </ul>
//     )
//   }
// }

import React from 'react'

export default function List(props) {
  console.log(props)
  return (
    <div>
      <ul>
        {props.xxx.map((item, index) => {
          return <li key={index}>{item}</li>
        })}
      </ul>
    </div>
  )
}
